<template>
    <div class="contianer">
        <div class="headTitle">
            <div class="icons" @click="backTo">
                <span class="iconfont">&#xe799;</span>
            </div>
            <div class="titles">卡券包</div>
            <div class="introduction" @click="toSaleCode">优惠码</div>
        </div>
        <a class="asks" href="https://www.baidu.com">
            <span class="iconfont">&#xe62e;</span>
            <span>使用教程</span>
        </a>
    </div>
</template>

<script>
export default {
    name: "myCard",
    methods:{
        backTo(){
            this.$router.go(-1);
        },
        toSaleCode(){
            this.$router.push('/saleCard');
        }
    }
}
</script>

<style lang="scss" scoped>
/*引入图标*/
@import url("../../../assets/userIconFont/iconfont.css");
    .headTitle{
        background-color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        margin-bottom: 5px;
        .icons{
            span{
                font-size: 40px;
                color: #8590a6;
            }
        }
        .titles{
            font-size: 35px;
        }
        .introduction{
            font-size: 30px;
        }
    }
    .asks{
        margin: 20px;
        display: flex;
        align-items: center;
        span:nth-child(1){
            color: #cccccc;
            font-size: 40px;
        }
        span:nth-child(2){
            color: #cccccc;
            font-size: 30px;
        }
    }
</style>